import { defineComponent, onMounted, ref } from "vue";
import "./index.less";
export default defineComponent({
  setup(props, context) {
    const data = ref([]);
    onMounted(() => {
      data.value = [
        "@rspack/cli",
        "vue",
        "ess-loader、css-loader、vue-style-loader",
        "babel-loader、@babel/core、@vue/babel-plugin-jsx",
      ];
    });

    return {
      data,
    };
  },
  render() {
    return (
      <>
        <h4>已安装的依赖</h4>
        <ul>
          {this.data.map((val) => (
            <li key={val}>{val}</li>
          ))}
        </ul>
      </>
    );
  },
});
